.main{
    margin: 1rem auto ;
    padding: 1rem;
    max-width: 60rem;
    border: 1px solid #ccc;
    background: white;
    color: white;
    background-color: rgb(28 58 136) !important;
    border: 1px solid @border-line-color!important;
 
    .item{
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        margin-bottom: 15px;
        display: block;
    .stem{
        .stem1{
            font-size: 1rem;
            margin-bottom: 5px;
            word-wrap:break-word;
            color:white;
            word-break:normal; 
        } 
        .stem2{
            margin-left: 1rem;
            color: #d9d8d8
        } 
    } 
    .answer{
        padding: 0 2rem;
    }
    }




    :global{
        // .ant-list,.ant-list-item{
        //     color: white;
        // }
    
        .ant-radio-wrapper,.ant-form-item-label > label ,.ant-input, .ant-select {
            color: white !important;
        }
        .ant-list-split .ant-list-item{
            border-bottom:0;
        }
        .ant-form-item {
          
            margin-bottom: 14px;
        
        }
        .ant-card-head{
            border-bottom:0px;
        }
    
       }

    
   }

@media screen  and (max-device-width: 480px)  {
    .main{
        margin:  10px ;
        background: white;
    }
  
}